<template>
  <div class="tab2">
    <div class="container">
      <el-row>
        <el-col :span="12">
          <Aside :asideList="Tab2list" title="学院概况" he="4000px"> </Aside>
        </el-col>
        <el-col :span="12">
          <Card text=">>学院概况" title="学院介绍" he="4000px">
            <!-- 使用插槽 -->
            <template #CARD>
              <div class="img">
                <a href="#"
                  ><img
                    src="https://s2.loli.net/2022/06/10/eSKWz4OAYVDGb7i.png"
                /></a>
              </div>
              <div class="img w1">
                <a href="#"
                  ><img
                    src="https://s2.loli.net/2022/06/10/lB8aTi9EqpC5VPt.png"
                /></a>
              </div>
              <div class="img w2">
                <a href=""
                  ><img
                    src="https://s2.loli.net/2022/06/10/xnuH6RFzAarkEhl.png"
                /></a>
              </div>
              <div class="img w3">
                <a href=""
                  ><img
                    src="https://s2.loli.net/2022/06/10/CQkqDManWOSx2eT.png"
                /></a>
              </div>
              <div class="img w4">
                <a href=""
                  ><img
                    src="https://s2.loli.net/2022/06/10/tfMqJSkZ8clvsLm.png"
                /></a>
              </div>
              <div class="img w4">
                <a href=""
                  ><img
                    src="https://s2.loli.net/2022/06/10/eTzdWgvoU2Q97Ex.png"
                /></a>
              </div>
            </template>
          </Card>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: 'myTab2',
  data() {
    return {
      Tab2list: [
        {
          id: 0,
          label: '学院介绍'
        },
        {
          id: 1,
          label: '学院荣誉'
        },
        {
          id: 2,
          label: '联系我们'
        }
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.container {
  width: 1200px;
  margin: 0 auto;

  .img {
    width: 100%;
    height: 350px;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .w1 {
    height: 600px;
  }
  .w2 {
    height: 500px;
  }
  .w3 {
    height: 800px;
  }
  .w4 {
    height: 700px;
  }
}
</style>
